<template>
  <div>
    <br />
    <div>{{ home }}</div>
    <button @click="home += 1">Home加1</button>
    <br />
    <home-son></home-son>
    <br />
  </div>
</template>
<script>
export default {
  beforeCreate() {
    console.log("beforeCreate", "home");
  },
  created() {
    console.log("created", "home");
  },
};
</script>
<script setup>
import HomeSon from "./HomeSon.vue";
console.log("setup", "home");
const home = ref("Home");
onBeforeMount(() => {
  console.log("onBeforeMount", "home");
});
onMounted(() => {
  console.log("onMounted", "home");
});
onBeforeUpdate(() => {
  console.log("onBeforeUpdate", "home");
});
onUpdated(() => {
  console.log("oneUpdated", "home");
});
onBeforeUnmount(() => {
  console.log("onBeforeUnmount", "home");
});
onUnmounted(() => {
  console.log("onUnmounted", "home");
});
</script>

<style lang="scss" scoped></style>
